/* Eukanuba LESS Document */
/****************************************************************
MIXINS
****************************************************************/
@base: #D80B8C; 
@darker2: darken(spin(@base, -10), 20%);

.inlineLi{display:inline; list-style:none;}

.transition (@prop: all, @time: 0.5s, @ease: ease-in) {
    -webkit-transition: @prop @time @ease;
    -moz-transition: @prop @time @ease;
    -o-transition: @prop @time @ease;
    -ms-transition: @prop @time @ease;
    transition: @prop @time @ease;
}

.featurefont{
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
}

.display-inline-block{
	display:inline-block;
	zoom: 1; 
	*display: inline;
}

/****************************************************************
Body styles
****************************************************************/

.bg{background:#000;}
.breadcrumbs li {
	color:#999;
	 a{color:@base;}
}

#mainBody{
	p{
		font-size:10px;
		line-height:1.4em;
	}
}

p.sparkstone_credit{
		a{color:@base;}
}

#static_footer{
	background:none;
 	article {background:#222222;}
	a:hover{color:#fff;}
}
.megamenuContainer {background:#222222;}

/****************************************************************
Component styles
****************************************************************/

ul.brand_nav{
	margin:1em 0;
	padding:0;
	width: 100%;
	
	li{
		.inlineLi;
		margin:0 .5em;
		&.active a{color: @base!important;}
		&:first-child{margin-left:0;}
		&:last-child{margin-right:0; float:right;}
		
		a {
			.featurefont;
			font-size:18px;
			font-weight:bold;
			color:#fff;
			text-transform:uppercase;
			padding:10px;
			text-decoration:none;
				
				&:hover{
					background-color: #e6e6e6;
					color: @base!important;
				}
		}
	}
}

.adArea{
	&.columnL{
		margin:0 1em 2em;
		width:180px;
		img{
			&.half{
				width:50%;
				height:auto;
			}
		}
	}
	&.span4, &.span8{
		padding:10px;
		border:10px solid @darker2;
		background:#222222;
	
		h4{margin-top:0;}
	}
	.btn{
		background:@base !important;
		color:#fff;
		font-size:14px;
		&:after{
			content:" >";
		}
	}
}

a{
	&.shop_now{
		color:@base;
		background:none;
		text-decoration:none;
		.featurefont;
		font-weight:bold;
		&:after{
			content:" >";
		}
	}
}

h3,
.whiteBox header h3,
.gray_box header h3{
	color:@base;
	.featurefont;
	font-size:18px;
}

h3.saver_club{
	background: url(../images/brands/eukanuba/eukanuba-saverclub.png) no-repeat;
	width: 420px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	padding: 0px;
}

h4{
	color:@base;
	.featurefont;
	font-size:16px;
}
h5{
	.featurefont;
	font-size:12px;
}

.hsPanel{
	>div{
		border:none;
		padding:0;
		background:none;
	}
	.panel_content{
		border: 1px solid #ccc;
		background:#fff;
		padding:.5em 1em;
	}
	&.dark{
		.panel_content{
			background:#222222;
			border:none;
			color:#CCCCCC;
			
			.frame{
				border:1px dotted @base;
				margin:1em 0;	
				padding:.5em 1em;		
				a{
					color:#fff;
				}
				fieldset label {
					float: left;
					margin-right: 0.5em;
					padding: 5px;
					text-align: right;
					font-weight: normal;
					color: #999;
				}
			.saver_form{ 
				fieldset{
					label{}
					}
				}
			}
		}
		
		header, footer{
			display:block;
			cursor:pointer;
			.transition (all, 0.5s, ease-in);
			color:@base;
			border:none;
			margin:0;
			
			h3{
				.featurefont;
				font-size:16px;
				padding:3px;
				margin:.5em 0;
				border:none;
				color:#FFFFFF;
				span{
					color:@base;
					&:after{
						color:@base;
					}
				}
			}
		}
		footer{
			background: #000000;
			padding:.5em 1em;
			h3{margin:0;}
		}
	}
}

.product.detail footer.cta .btn01 {
	span {top: 10px;}
	&.add_to_basket span {top: 5px;}
}
/****************************************************************
Product styles
****************************************************************/

.brandRange{
	margin:1em .5em;
	padding:1em 0;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	
	&.grid_2{
		article{
			.display-inline-block;
			margin:.5em .5em .5em 0;
			position:relative;
			
			img{
				float:left;
			}
			
			footer{
				border:none;
				position:absolute;
				bottom:10px;
				margin-left:80px;
				max-width:130px;
				h5{
					margin:0;
				}
			}
			
			&:nth-child(2n+2){
				margin-right:0;
			}
		}
	}
}

.product {
	.prodOffer, .prodPrice{
		color:@base;
	}
}

/****************************************************************
Pagination bar styles
****************************************************************/

.pagination_results {
	color:@base;
	background:none;
	border-top:1px solid #DDDDDD;
	li{
		color:@base !important;
		a{
			color:@base !important;
			background:#eee;
			&.active{
				background:@base;
				color:#FFFFFF !important;
			}
			&:hover{
				background:#999999;
				color:#FFFFFF !important;
			}
		}
	}
	.bordr, .bordl{border:none; box-shadow:none;}
	.pagination_results_nav {
		ul{
			li{margin-left:5px;}
		}
	}
}
.view_bar{
	background:#eeeeee;
	.product_views li a:hover{
		color:@base !important;
	}
}
#tabs {
	ul.tabHeader li.active a, h3, h4 {color:@base;}
}

/****************************************************************
Misc styles
****************************************************************/

.gray_box footer{border:none;}
.gray_box h3, .gray_box h4, .gray_box h5, .gray_box h6, .alsobought h3 {color: @base;}
.panel_content{margin-bottom:0;}
.btn.green, .btn01.add_to_basket{background:@base;}
.product.detail .prodShare {
	&.askQuestion:before,
	&.shareBox:before {color:@base;}
}
.complementry-products h3 {color: @base;}
.product.small h1.prodName{color:@base;}
.product.detail .whiteBox .prodImg-thumbs {
	background:none;
	ul li.img:after{color:@base;}
}
.product.detail footer.cta .btn01{
	&.add_to_msl {width: 120px;}
	&.add_to_basket {min-width: 140px;}
}
.frameTB{border-top:1px dotted @base; border-bottom:1px dotted @base; margin-bottom:1em;}
.mainSlide{border:none;}

.category_banner{border:none;}